import React, { useState, useEffect } from "react";
import {Link, useNavigate} from "react-router-dom"
import "./credits.css"
import {AutoCenter, Empty, ErrorBlock, Form, NavBar, Toast} from "antd-mobile";
import {AiOutlineRight} from "react-icons/ai";

const Detail = () => {
  const navigate = useNavigate()
  const back = () =>{
    navigate(-1)
  }

  return (
      <section className="credits">
        <NavBar style={{'backgroundColor': 'rgba(80, 62, 157, 1)', 'color': 'white'}} onBack={back}>积分明细</NavBar>


        <AutoCenter >
          <ErrorBlock image='https://gw.alipayobjects.com/zos/antfincdn/ZHrcdLPrvN/empty.svg'
                      style={{'--image-height': '150px'}}
                      title="暂无积分明细"
                      description=""
                      status='empty' />
        </AutoCenter>



      </section>
  )
}

export default Detail
